<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title> Contacto</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">

        <!-- JS files -->
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
    </head>
    <body>

        {% include "topmenu.html" %} <!-- Top menu -->

        <div class="container">
            <div class="row-fluid">

                {% include "sidebar.html" %} <!-- Side bar -->

                <div class="span7">
                    <div class="page-header">
                        <h1>Contáctenos</h1>
                        <p>
                            Puede contactarnos completando los campos de este formulario, en breve le responderemos..
                        </p>
                    </div>
                    <form action="mailto:{{ superuser.email }}" method="post" onSubmit="" enctype="TEXT/PLAIN" class="form-horizontal well">
                        <div class="control-group">
                            <div class="input text">
                                <label for="nombre">Nombre:</label>
                                <input id="nombre" type="text" name="nombre" class="span6 mb-m" placeholder="Nombre y Apellido" required="" />
                            </div>
                        </div>
                        <!-- Nombre -->
                        <div class="control-group">
                            <div class="input text">
                                <label for="email">Email:</label>
                                <input id="email" type="email" name="email" class="span6 mb-m" placeholder="ejemplo@correo.com" required="" />
                            </div>
                        </div>
                        <!--E-mail-->

                        <div class="control-group">
                            <label for="mensaje">Mensaje:</label>                            <textarea rows="10" cols="40" id="mensaje" name="mensaje" class="span12" placeholder="Mensaje" required=""></textarea>
                        </div>
                        <!-- Mensaje -->

                        <div class="form-actions">
                            <button type="submit" class="btn btn-primary">
                                Enviar
                            </button>
                            <button type="button" class="btn">
                                Cancel
                            </button>
                        </div>
                        <!-- Botones de opciones -->
                    </form>
                    <!-- form -->
                </div><!-- Contacto -->

            </div>
            <!-- row fluid -->

            <div class="spa5">
                <div class="page-header">
                    <h3>Información de Contacto</h3>
                    <div class="row-fluid">
                        <div class="span3 offset1">
                            {% load staticfiles %}<img class="img-rounded"src="{% static "img/uca.png" %}" height="250" width="180">
                        </div>
                        <div class="span5">
                            <address>
                                <strong>Universidad Católica "Nuestra Señora de la Asunción" </strong>
                                <br>
                                Tte. Cantaluppi y G. Molinas
                                <br>
                                Asunción - Paraguay</p>
                                <p>
                                    <a href="http://www.uca.edu.py/" target="_blank"> http://www.uca.edu.py </a>
                                </p>
                                <br>
                                <br>
                                <br>
                            </address>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span3 offset1">
                            {% load staticfiles %}<img class="img-rounded"src="{% static "img/dei.png" %}" height="250" width="180">
                        </div>
                        <div class="span5">
                            <address>
                                <strong>DEI - Departamento de Electronica e Informatica" </strong>
                                <br>
                                <p>
                                    <a href="http://www.dei.uc.edu.py//" target="_blank"> http://www.dei.uc.edu.py </a>
                                </p>
                            </address>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Informacion de Contacto -->

            {% include "footer.html" %} <!-- Footer -->

        </div>
        <!-- container -->
    </body>
</html>
